<%--<%@ page import="com.shop.service.ICourseService" %>--%>
<%--<%@ page import="com.shop.service.CourseService" %>--%>
<%--<%@ page import="com.shop.model.Course" %>--%>
<%--<%@ page import="java.util.List" %>--%>
<%--<%@ page import="com.shop.service.IOrderService" %>--%>
<%--<%@ page import="com.shop.service.OrderService" %>&lt;%&ndash;--%>
<%--  Created by IntelliJ IDEA.--%>
<%--  User: Administrator--%>
<%--  Date: 2025/6/8--%>
<%--  Time: 上午10:59--%>
<%--  To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>我的课程</title>--%>
<%--        <style>--%>
<%--            /* 添加一些基本的样式 */--%>
<%--            table {--%>
<%--                width: 100%;--%>
<%--                border-collapse: collapse;--%>
<%--            }--%>
<%--            th, td {--%>
<%--                border: 1px solid black;--%>
<%--                padding: 8px;--%>
<%--                text-align: left;--%>
<%--            }--%>
<%--            th {--%>
<%--                background-color: #f2f2f2;--%>
<%--            }--%>
<%--        </style>--%>
<%--</head>--%>
<%--<body>--%>
<%--    <h1>我的课程</h1>--%>
<%--    <%--%>
<%--        String studentId = request.getParameter("studentId");--%>
<%--        IOrderService iOrderService = new OrderService();--%>
<%--        List<Course> courses = iOrderService.getCourses(studentId);--%>
<%--    %>--%>
<%--    <table>--%>
<%--        <tr>--%>
<%--            <th>课程名称</th>--%>
<%--            <th>所属类型</th>--%>
<%--            <th>教课老师</th>--%>
<%--            <th>开课时间</th>--%>
<%--            <th>结课时间</th>--%>
<%--            <th>操作</th>--%>
<%--        </tr>--%>
<%--        <% for (Course course : courses) { %>--%>
<%--        <tr>--%>
<%--            <td><%=course.getCourseName()%></td>--%>
<%--            <td><%=course.getType()%></td>--%>
<%--            <td><%=course.getTeacher()%></td>--%>
<%--            <td><%=course.getStartDate()%></td>--%>
<%--            <td><%=course.getEndDate()%></td>--%>
<%--            <td>--%>
<%--                <a href="course_study.jsp?courseId=<%=course.getCourseId()%>&studentId=<%=studentId%>">前往学习</a>--%>
<%--            </td>--%>
<%--        </tr>--%>
<%--        <% } %>--%>
<%--    </table>--%>
<%--</body>--%>
<%--</html>--%>
<%@ page import="com.shop.service.ICourseService" %>
<%@ page import="com.shop.service.CourseService" %>
<%@ page import="com.shop.model.Course" %>
<%@ page import="java.util.List" %>
<%@ page import="com.shop.service.IOrderService" %>
<%@ page import="com.shop.service.OrderService" %><%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2025/6/8
  Time: 上午10:59
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>我的课程</title>
    <style>
        /* 全局样式 */
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6;
            color: #333;
            background-color: #f5f7fa;
            margin: 0;
            padding: 20px;
        }

        /* 标题样式 */
        h1 {
            color: #2c3e50;
            text-align: center;
            margin-bottom: 30px;
            font-weight: 600;
            border-bottom: 2px solid #3498db;
            padding-bottom: 10px;
        }

        /* 表格容器 */
        .table-container {
            max-width: 1200px;
            margin: 0 auto;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
            overflow: hidden;
            background-color: white;
        }

        /* 表格样式 */
        table {
            width: 100%;
            border-collapse: collapse;
            font-size: 14px;
        }

        /* 表头样式 */
        th {
            background-color: #3498db;
            color: white;
            padding: 12px 15px;
            text-align: left;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        /* 单元格样式 */
        td {
            padding: 12px 15px;
            border-bottom: 1px solid #e0e0e0;
            vertical-align: middle;
        }

        /* 表格行悬停效果 */
        tr:hover {
            background-color: #f8f9fa;
        }

        /* 操作按钮样式 */
        a {
            display: inline-block;
            padding: 6px 12px;
            background-color: #2ecc71;
            color: white;
            text-decoration: none;
            border-radius: 4px;
            font-size: 13px;
            transition: all 0.3s ease;
        }

        a:hover {
            background-color: #27ae60;
            transform: translateY(-1px);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        /* 交替行颜色 */
        tr:nth-child(even) {
            background-color: #f9f9f9;
        }

        /* 响应式调整 */
        @media (max-width: 768px) {
            .table-container {
                overflow-x: auto;
            }

            table {
                min-width: 600px;
            }
        }
    </style>
</head>
<body>
<h1>我的课程</h1>
<div class="table-container">
    <%
        String studentId = request.getParameter("studentId");
        IOrderService iOrderService = new OrderService();
        List<Course> courses = iOrderService.getCourses(studentId);
    %>
    <table>
        <thead>
        <tr>
            <th>课程名称</th>
            <th>所属类型</th>
            <th>教课老师</th>
            <th>开课时间</th>
            <th>结课时间</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <% for (Course course : courses) { %>
        <tr>
            <td><%=course.getCourseName()%></td>
            <td><%=course.getType()%></td>
            <td><%=course.getTeacher()%></td>
            <td><%=course.getStartDate()%></td>
            <td><%=course.getEndDate()%></td>
            <td>
                <a href="course_study.jsp?courseId=<%=course.getCourseId()%>&studentId=<%=studentId%>">前往学习</a>
            </td>
        </tr>
        <% } %>
        </tbody>
    </table>
</div>
</body>
</html>